*{
    margin:0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    font-size:14px;
    color: #3a3a3a;
    font-family: -apple-system-font,'微软雅黑', 'Helvetica Neue', Helvetica, STHeiTi, sans-serif; 
   //-webkit-overflow-scrolling: touch;
}
body{
    width: 100%;
    height:100%;
	padding-bottom:20px;
    overflow-x: hidden;
    overflow-y: auto;
	background-color:white !important;
    font-size: 16px;
}
html {
	width:100%;
	height:100%;
	padding-bottom:20px;
    font-family: "Lucida Sans", sans-serif;
}
#offCanvasContentScroll{
	background-color:white
}
.mui-off-canvas-left{
	width:40%;
}

.mui-table-view-cell>a:not(.mui-btn) span {
	color: white; 
}


.row{
	display:-webkit-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
#offCanvasContentScroll{
	transition: 0.3s;
}
.mui-bar {
    background-color: white;
}


/* 水印 */
.waterMark {
	height:100%;
	background-repeat: repeat;
	float:left;
	position: fixed;
	opacity: 0.1;
	z-index:0;
 }
.fl{
	float:left;
	border:none;
}
.fr{
	float:right;
	border:none;
}
.waterMark_notlist {
	position: absolute !important;
}
/* 多了64px */
.mui-bar-footer{
	height:84px;  
	z-index:10;
}


/* For mobile phones: */
[class*="col-"] {
    width: 100%;
	float: left;
	height:300px;
    padding: 15px 0;
	text-align:center;
	border:1px #e5e5e5 solid;
}
/*************分辨率设置*************/
@media only screen and (max-width: 567px) and (orientation:portrait) {
    /* 手机竖屏 */
    .col-a-1 {width: 8.33%;}
	.col-a-2 {width: 16.66%;}
	.col-a-3 {width: 25%;}
	.col-a-4 {width: 33.33%;}
	.col-a-5 {width: 41.66%;}
	.col-a-6 {width: 50%;}
	.col-a-7 {width: 58.33%;}
	.col-a-8 {width: 66.66%;}
	.col-a-9 {width: 75%;}
	.col-a-10 {width: 83.33%;}
	.col-a-11 {width: 91.66%;}
	.col-a-12 {width: 100%;}
	/* Safari 6.1+ */
	div#myorder1 {-webkit-order:6}
	div#myorder2 {-webkit-order:4}
	div#myorder3 {-webkit-order:3}
	div#myorder4 {-webkit-order:5}
	div#myorder5 {-webkit-order:1}
	div#myorder6 {-webkit-order:2}
	/* Standard syntax */
	div#myorder1 {order:6}
	div#myorder2 {order:4}
	div#myorder3 {order:3}
	div#myorder4 {order:5}
	div#myorder5 {order:1}
	div#myorder6 {order:2}
}
@media only screen and (min-width: 568px) {
    .col-b-1 {width: 8.33%;}
	.col-b-2 {width: 16.66%;}
	.col-b-3 {width: 25%;}
	.col-b-4 {width: 33.33%;}
	.col-b-5 {width: 41.66%;}
	.col-b-6 {width: 50%;}
	.col-b-7 {width: 58.33%;}
	.col-b-8 {width: 66.66%;}
	.col-b-9 {width: 75%;}
	.col-b-10 {width: 83.33%;}
	.col-b-11 {width: 91.66%;}
	.col-b-12 {width: 100%;}
	/* Safari 6.1+ */
	div#myorder1 {-webkit-order:6}
	div#myorder2 {-webkit-order:4}
	div#myorder3 {-webkit-order:5}
	div#myorder4 {-webkit-order:3}
	div#myorder5 {-webkit-order:1}
	div#myorder6 {-webkit-order:2}
	/* Standard syntax */
	div#myorder1 {order:6}
	div#myorder2 {order:4}
	div#myorder3 {order:5}
	div#myorder4 {order:3}
	div#myorder5 {order:1}
	div#myorder6 {order:2}
}


@media only screen and (min-width: 1024px) and (orientation:landscape) {
    /* ipad pro横屏 */
    .col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	/* Safari 6.1+ */
	div#myorder1 {-webkit-order:1}
	div#myorder2 {-webkit-order:3}
	div#myorder3 {-webkit-order:2}
	div#myorder4 {-webkit-order:6}
	div#myorder5 {-webkit-order:4}
	div#myorder6 {-webkit-order:5}
	/* Standard syntax */
	div#myorder1 {order:1}
	div#myorder2 {order:3}
	div#myorder3 {order:2}
	div#myorder4 {order:6}
	div#myorder5 {order:4}
	div#myorder6 {order:5}
}

